// custom-tab-bar/index.js
const app=getApp(); //获取小程序实例对象
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    
  },

  /**
   * 组件的初始数据
   */
  data: {
    currentIndex: 0,  
    color: "#7A7E83",
    selectedColor: "#ffffff",
    list: [{
      "index":0,
      "pagePath": "/pages/recommend/recommend",
      "text": "推荐"
    },
    {
      "index":1,
      "pagePath": "/pages/channel/channel",
      "text": "频道"
    },
    {
      "index":2,
      "pagePath": "/pages/user/user",
      "text": "个人中心"
    }]
  },

  // 
  attached(){
    // 当导航组件实例化完成以后 获取全局的tabIndex重新赋值给当前组件的currentIndex
    this.setData({
      currentIndex:app.globalData.tabIndex
    })
  },

  /**
   * 组件的方法列表
   */
  methods: {
    jump(event) {
      let id = event.target.dataset.id;
      let path = event.target.dataset.path;
      // 每次点击导航条后，自定义导航条跳转后会重新渲染.所以存储在当前导航条组件内
      // 的currentIndex会被重新赋值(闪烁)，这时候应该把currentIndex存储到小
      // 程序App实例的globalData
      wx.switchTab({
        url:path,
      })
      app.globalData.tabIndex=id;
    }
  }
})
